<template>
  <div class="home">
    <HomeSwiper />
    <HomeBanner />
    <SongList />
    <NewSong />
    <HotSongList />
    <SongMv />
    <!-- <SongRecomMend /> -->
  </div>
</template>

<script>
// @ is an alias to /src
import HomeSwiper from "@/components/home/HomeSwiper.vue";
import HomeBanner from "../components/home/HomeBanner.vue";
import SongList from "../components/home/SongList.vue";
import NewSong from "../components/home/NewSong.vue";
import HotSongList from "../components/home/HotSongList.vue";
import SongMv from "../components/home/SongMv.vue";
// import SongRecomMend from "../components/home/SongRecomMend.vue";

export default {
  name: "Home",
  components: {
    HomeSwiper,
    HomeBanner,
    SongList,
    NewSong,
    HotSongList,
    SongMv,
    // SongRecomMend,
  },
};
</script>
